<template>
  <div class="footer">
    <router-link to="/home">
      <span class="footer-text">Rainfer's Blog</span>
    </router-link>
    <aplayer :audio="audio" :lrc-type="0" fixed mini />
  </div>
</template>

<script>
export default {
  data() {
    return {
      lrcType: {
        disabled: 0
      },
      audio: [
        {
          name: '程序猿disco',
          artist: '笑招SHE、代码兄弟',
          url: require('@/assets/music/m01.mp3'),
          cover: require('@/assets/music/m01.jpg') // prettier-ignore
        },
        {
          name: '程序员之歌',
          artist: 'leinov',
          url: require('@/assets/music/m02.mp3'),
          cover: require('@/assets/music/m02.jpg') // prettier-ignore
        },
        {
          name: '我是一个程序员',
          artist: '单小叶',
          url: require('@/assets/music/m03.mp3'),
          cover: require('@/assets/music/m03.jpg') // prettier-ignore
        },
        {
          name: '程序员来咯',
          artist: '杨蟒特',
          url: require('@/assets/music/m04.mp3'),
          cover: require('@/assets/music/m04.jpg') // prettier-ignore
        },
        {
          name: '一首用 xp 程序出错声音来做的歌',
          artist: '纯音乐',
          url: require('@/assets/music/m05.mp3'),
          cover: require('@/assets/music/m05.jpg') // prettier-ignore
        }
      ]
    }
  }
}
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
    .footer {
        text-align: center;
        padding-top: 20px;
        padding-bottom: 10px;

        a {
            cursor: pointer;
            text-decoration: none;

            &:hover {
                color: #1abc9c
            }
        }

        .footer-text {
            line-height: 30px;
            z-index: 99999;
        }

        .backtop {
            display: block;
        }

        /deep/ .aplayer-lrc {
            left: -400px !important;

            p {
                color: #1534ff;
                font-size: 1rem;
                line-height: 1.5rem;
            }
        }
    }
</style>
